CSS Capitolize the first letter rest are lowercase

I has a string like soWUMBO and needed to just have the fist letter capitol. Easy (or so I thought).

<span class="capitalize"> WUMBO </span>

.capitalize {
  text-transform: lowercase;
  display: inline-block;
}

.capitalize:first-letter {
  text-transform: uppercase
}

The selected element must be in it's own <span> tag

Credits